{extend name="public:base" /}
{block name="content"}
<div class="wrapper wrapper-content animated fadeInRight" xmlns="http://www.w3.org/1999/html">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox-footer">
                基本信息
            </div>
            <div class="ibox-content">

                <div class="row">
                    <div class="col-md-5">
                        <div class="product-images">
                            <div>
                                <div class="image-imitation" id="tencent_map_container" lat="{$row.lat}" lng="{$row.lng}" style="overflow: hidden;height: 419px;width: 100%;padding: 0;">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <h2 class="font-bold m-b-xs">
                            {$row.number}
                        </h2>
                        <small>{$row.name}</small>
                        <hr>
                        <dl class="small m-t-md">
                            <dd>
                                <div class="row">
                                    <div class="col-6"><strong>印章:</strong> {$seal.name}</div>
                                    <div class="col-6"><strong>审批类型:</strong> {$approval.type_name}</div>
                                    <div class="col-6"><strong>文件名称:</strong> {$row.name}</div>
                                    <div class="col-6"><strong>文件编号:</strong> {$row.number}</div>
                                    <div class="col-6"><strong>申请用章次数:</strong> {$row.frequency}</div>
                                    <div class="col-6"><strong>可用次数:</strong> {$row.remaining_times}</div>
                                    <div class="col-6"><strong>实际用章次数:</strong> {$row.frequency-$row.remaining_times}
                                    </div>
                                    <div class="col-12"><strong>申请备注:</strong> {$row.remark}</div>
                                    <div class="col-6"><strong>申请人:</strong> {$user.username}</div>
                                    <div class="col-6"><strong>申请时间:</strong> {$seal.create_time}</div>
                                    <div class="col-6"><strong>新增方式:</strong> 钉钉小程序</div>
                                    <div class="col-6"><strong>状态:</strong> {if condition="$row.status_txt eq 未上传图片"}{if condition="$row.used_img neq ''"}已上传图片{else/}未上传图片{/if}{else/}{$row.status_txt}{/if}</div>
									{if condition="$reason neq ''"}<div class="col-6"><strong>拒绝理由:</strong>{$reason}</div>{/if} 
									{if condition="$wd neq ''"}
									<div class="col-6"><strong>文档:</strong>
                                        
                                            {volist name="wd" id="vo"}
                                            <a href="{$vo.src}">
                                                {$vo.name}
                                            </a>
                                            {/volist}
                                       
                                    </div>
									{/if} 
                                    <div class="col-6"><strong>申请图片:</strong>
                                        <div class="lightBoxGallery">
                                            {volist name="attachments" id="vo"}
                                            <a href="{$vo.path}" title="Image from Unsplash" data-gallery="">
                                                <img src="{$vo.path}" class="upload-file">
                                            </a>
                                            {/volist}
                                        </div>
                                    </div>
									<div class="col-6"><strong>完成图片:</strong>
                                        <div class="lightBoxGallery">
                                            {volist name="attachments2" id="vo"}
                                            <a href="{$vo.path}" title="Image from Unsplash" data-gallery="">
                                                <img src="{$vo.path}" class="upload-file">
                                            </a>
                                            {/volist}
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <strong>用章时间:</strong>{$row.chapter_time ? date('Y-m-d H:i:s', $row.chapter_time) : ''}
                                    </div>
                                    <div class="col-6"><strong>备注:</strong> {$row.remark}</div>
                                </div>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
            <div class="ibox-footer">
                审核流程
            </div>
        </div>
    </div>
    <div class="row animated fadeInRight">
        <div class="col-lg-12">
            <div class="ibox ">
                <div class="ibox-content inspinia-timeline">
                    <ul class="layui-timeline" style="background-color: white;">
                        {volist name="processFlowGroups" id="vo"}
                        <li class="layui-timeline-item">
                            <div class="layui-timeline-content layui-text">
                                <h3 class="layui-timeline-title">第{$vo.group}次提交</h3>
                                <p>
                                    {volist name="vo.list" id="processEntity"}
                                <div id="vertical-timeline" class="vertical-container dark-timeline">
                                    <div class="vertical-timeline-block">
                                        <div class="vertical-timeline-icon navy-bg">
                                            <i class="fa fa-briefcase"></i>
                                        </div>
                                        <div class="vertical-timeline-content">
                                            <h4>
                                                审核人：{$processEntity.user.username}
                                                <span>{$processEntity.status_txt}</span>
                                                <span class="vertical-date"><small>{$processEntity.create_time}</small></span>
                                            </h4>
                                        </div>
                                    </div>
                                </div>
                                {/volist}
                                </p>
                            </div>
                        </li>
                        {/volist}
                    </ul>

                </div>
            </div>
        </div>
    </div>
</div>
<div id="blueimp-gallery" class="blueimp-gallery">
    <div class="slides"></div>
    <h3 class="title"></h3>
    <a class="prev">‹</a>
    <a class="next">›</a>
    <a class="close">×</a>
    <a class="play-pause"></a>
    <ol class="indicator"></ol>
</div>
{/block}
{block name="css"}
<link href="__ADMIN__/css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
<link rel="stylesheet" href="__ADMIN__/css/process-timeline.css">

<style type="text/css">
    .timeline-item .content {
        border-top: 1px solid #e7eaec !important;
    }
    #vertical-timeline{
        margin: 0 auto;
    }
    .vertical-container{
        width: auto;
        max-width: none;
    }
    .vertical-timeline-block {
        padding-bottom: 10px;
    }
    .lightBoxGallery {
        text-align: left;
    }
</style>
{/block}
{block name="js"}
<script src="__ADMIN__/js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
{/block}